<template>
  <div class="Home">
    <yd-pullrefresh :callback="loadData" ref="pullrefreshDemo">
      <a-d-s-balance/>
      <notice/>
      <entrys/>
      <learn/>
    </yd-pullrefresh>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import {NAV_BAR_INFO} from "@/store/MutationTypes";
import ADSBalance from "./component/ADSBalance.vue";
import Notice from "./component/Notice.vue";
import Entrys from "./component/Entrys.vue";
import Learn from "./component/Learn.vue";

@Component({
  components: {Learn, Entrys, Notice, ADSBalance},
})
export default class Home extends Vue {
    private logo: string = require('../../assets/logo.png');
    private loadMoreState: boolean = true;
    private created() {
        this.$store.dispatch(NAV_BAR_INFO, {})
    }
    private mounted(): void {
        this.$common.scrollToTop();
    }
    private loadData(): void {
        let __this = this;
        setTimeout(() => {
            __this.$common.stopPullDownRefresh(__this, 'pullrefreshDemo')
        }, 1000)
    }
}
</script>
<style scoped lang="less">
  .Home {
    position: relative;
    padding: 0.2rem  0.3rem 0 0.3rem;
  }
</style>
